/* @import "../../pubilc/iconfont2.css"; */
page{
	background: #f5f5f5;
}

.disagree{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: none;
	z-index: 999;
}

.agreement{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
}

.agreement .bg{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
}

.agreement .box{
	width: 84%;
	margin-left: 8%;
	background: #fff;
	height: 800rpx;
	border-radius: 10px;
	position: fixed;
	top: 50%;
	margin-top: -400rpx;
}


#app_update p{
	font-size: 28rpx !important;
	line-height: 46rpx !important;
}

#app_update .box{
	margin-top: -250rpx;
}

::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f5f5;
	border-radius: 6px;
}

::-webkit-scrollbar-thumb {
	background-color: #fff;
	border-radius: 6px;
}

.pagefixed{
	position: fixed;
	width: 100%;
	height: 100%;
	left:0;top:0
}

.agreement .box h2{
	font-size: 30rpx;
	color: #333333;
	text-align: center;
	line-height: 100rpx;
}

.agreement .box .txt{
	padding: 0 15rpx;
	height: 435rpx;
	font-size: 24rpx;
	color: #333333;
	-webkit-overflow-scrolling: touch;
}

.agreement .box .txt p{
	line-height: 38rpx;
}

.db{
	text-align: center;
	font-size: 24rpx;
	color: #333333;
	margin-top: 20rpx;
	width: 94%;
	margin-left: 3%;
}

.db b{
	display: inline-block;
	color: #ff6600;
	
}

.db p{
	line-height: 40rpx;
}

.db .btn{
	height: 80rpx;
	color: #fff;
	background: #ff0000;
	border-radius: 5px;
	font-size: 29.33rpx;
	/* width: 82%;
	margin-left: 9%; */
	line-height: 80rpx;
	margin-top: 25rpx;
	width: 45%;
	margin-left: 3%;
	float: left;
}

.yp_fixed_g {
	display: block;
	position: fixed;
	left: 0;
	margin-bottom: 0 !important;
	width: 100%;
	text-align: center;
	z-index: 9;
	border: none;
	background: rgba(255, 255, 255, 0);
}

.yp_border_bottom {
	border-bottom: 1px solid #ddd;
}

.yp_container {
	display: block;
	width: 100%;
	padding: 24rpx 24rpx;
	box-sizing: border-box;
}

.yp_padding_horizontal_sm {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.bannerpos{
	height: 335rpx;
}

.yp_btn {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 14px;
	padding-right: 14px;
	font-size: 28rpx;
	text-align: center;
	text-decoration: none;
	line-height: 2.55555556;
	-webkit-tap-highlight-color: transparent;
	background-color: transparent;
	border-radius: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.yp_btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 200%;
	height: 200%;
	border: none;
	border-radius: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	box-sizing: border-box;
}

.yp_round {
	border-radius: 30px !important;
}

.yp_search_nav {
	width: 100%;
	height: 33px;
	max-height: 33px;
	text-align: left;
	display: flex;
	align-items: center;
	background: #eee;
}

.hide {
	display: none;
}

.search_logo {
	width: 49rpx;
	height: 28rpx;
	border-right: 1px solid #c9babb
}

.search_logo image {
	width: 35rpx;
	height: 35rpx;
	display: block;
	margin-top: -3.5rpx
}

.yp_icon {
	font-size: 26rpx !important;
	color: #999;
}

.icon-xiazai5 {
	margin-right: 10rpx;
}

.footer {
	background: #fff
}

.yp_search_nav {
	background: #fff
}

.searchFixed {
	background: #fff
}

.searchFixed .yp_search_nav {
	background: #f7f7f7
}

.swiper1 {
	width: 100%;
	height: 100%
}

.slide-image {
	width: 100%;
	border-radius: 20px;
}

.spaces {
	width: 100%;
	height: 16.38rpx;
	background-color: #eee;
}

.title_form {
	display: flex;
	justify-content: center;
	align-items: center;
}

.title_left,
.title_right {
	width: 18%;
	height: 1px;
	background-color: #999;
}

.title_cont {
	padding: 0 10px;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
}

.hot_text {
	color: #ff0066;
	margin-left: 5px;
}

.hot_sale {
	padding-top: 32.76rpx;
	padding-bottom: 32.76rpx;
	background: #fff
}

.hot_title {
	width: 330rpx;
	height: 40rpx;
	display: flex;
	margin: auto
}

.hot_title image {
	width: 330rpx;
	height: 40rpx;
}

.hot_sale_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 25rpx;
	text-align: center;
}

.hot_sale_item {
	width: 33.33%;
	position: relative;
	margin-top: 30.42rpx;
}

.hot_icon {
	width: 50.31rpx;
	height: 53.82rpx;
	position: absolute;
	top: 0;
	right: 27.44rpx;
	display: none;
}

.hot_icon image {
	width: 100%;
	height: 100%;
}

.hot_sale_img {
	width: 175.5rpx;
	height: 203.5rpx;
	margin: 0 auto;
	padding-top: 30rpx;
}

.hot_sale_img image {
	width: 100%;
	height: 100%;
}

.price_form {
	color: #ff0066;
}

.price_icon {
	font-size: 8px;
}

.price_cont,
.prodcut_title {
	font-size: 26rpx;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.ms {
	font-size: 24rpx;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	color: #999
}

.must_buy {
	background-color: #9c53fa;
	padding-top: 37.44rpx;
	padding-bottom: 23.4rpx;
}

.title2_left,
.title2_right {
	width: 18%;
	height: 1px;
	background-color: #f6f6f6;
}

.title2_cont {
	padding: 0 10px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
}

.hot2_text {
	margin-left: 5px;
}

.must_buy_product {
	padding-top: 42.12rpx;
}

.product_fast {
	background: #fff
}

.product_fast .fast_title {
	width: 340rpx;
	height: 40rpx;
	display: flex;
	margin: 35rpx auto
}

.product_fast .fast_title image {
	width: 340rpx;
	height: 40rpx;
}

.fast_content {
	display: flex;
	flex-wrap: wrap;
	margin-top: 27.44rpx;
}

.fast_list {
	width: 25%;
	height: 250.38rpx;
}


.fast_img_box {
	width: 60px;
	height: 60px;
	margin: 18.72rpx auto;
}

.fast_list image {
	width: 100%;
	height: 100%;
}

.fast_det_title {
	font-size: 11px;
	color: #000;
	margin-left: 14rpx;
	margin-top: 10rpx;
}

.fast_det_cont {
	font-size: 8px;
	color: #a1a1a1;
	margin-left: 14rpx;
}

.more_product_box {
	padding: 25rpx 0;
}

.more_btn {
	display: block;
	width: 270rpx;
	height: 48rpx;
	line-height: 48rpx;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #e1e1e1;
	border-radius: 60rpx;
	font-size: 23rpx;
	color: #606060;
	background: none;
	position: inherit
}

.more_btn text {
	margin-left: 2px;
}

.more_btn .iconfont {
	font-size: 20rpx !important;
	padding: 0;
	margin-right: -10rpx;
}

.brand_list {
	width: 24.2%;
	height: 186rpx;
	margin-right: 1%;
	margin-bottom: 14rpx
}

.brand_list:nth-child(4n) {
	margin-right: 0
}


.brand_list image {
	width: 100%;
	height: 100%;
}

.brand_det_title {
	color: #000;
	text-align: center;
	padding-bottom: 20rpx;
}

.type_head_img {
	width: 100%;
	height: 269.1rpx;
}

.type_head_img image {
	width: 100%;
	height: 100%;
}



.type_list_img {
	width: 175.5rpx;
	height: 217.5rpx;
	padding: 23.4rpx 0;
	margin: 0 auto;
}

.type_list_img image {
	width: 100%;
	height: 100%;
}

.type_list_title {
	font-size: 26rpx;
	margin: 0 18rpx;
	height: 70rpx;
	line-height: 35rpx;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: initial;
	color: #666
}

.type_floor {
	background-color: #eee;
}

.type_content_list {
	width: 225rpx;
	display: inline-block;
	background-color: #fff;
	height: 350rpx;
	margin: 10rpx;
	margin-right: 0
}

.type_list_price_form {
	margin-left: 21rpx;
	color: #ff0066;
	padding: 15rpx 0;
}

.type_price_icon {
	font-size: 8px;
}

.type_price {
	font-size: 14px;
}

.dots {
	height: 46.8rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #c90050;
}

.dotItem {
	width: 22px;
	height: 3px;
	margin: 0 5px;
	background-color: #ff0066;
}

.dotItem1 {
	background-color: #86c7ff;
}

.dotItem2 {
	background-color: #a0dfe3;
}

.dotItem3 {
	background-color: #80d2bb;
}

.dotItem4 {
	background-color: #ffd180;
}

.dotItem5 {
	background-color: #de98eb;
}

.dotItem6 {
	background-color: #9bda80;
}

.dotItem7 {
	background-color: #ffa088;
}

.dotItem8 {
	background-color: #9db6ef;
}

.dotItem9 {
	background-color: #b899f5;
}

.dots .dotItem.active {
	background-color: #fff;
}

.scroll_box1 {
	background-color: #fff;
	height: 118rpx;
	border-bottom: 30rpx solid #eee;
}

.scroll_view {
	width: 100%;
	white-space: nowrap;
	height: 96rpx;
}

.scroll_nav_item {
	width: 145rpx;
	height: 50rpx;
	line-height: 50rpx;
	text-align: center;
	display: inline-block;
	border-radius: 60rpx;
	font-size: 20rpx;
	margin-top: 21.68rpx;
	margin-left: 20rpx;
	background-color: #efefff !important;
	vertical-align: middle;
	color: #666
}

.scroll_nav_item:nth-child(2n) {
	background: #f2ece1 !important
}

.footone {
	display: flex;
	height: 66rpx;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #eee;
}

.footone image {
	width: 14px;
	height: 14px;
}

.footone text {
	font-size: 22rpx;
	color: #666;
	position: relative;
	margin-left: 5rpx;
	display: inline-block;
	line-height: 20px;
}

.footone > view {
	width: 25%;
	text-align: center;
	border-left: 1px solid #ddd;
}

.footone view i {
	font-size: 26rpx
}

.footone .footone_item {
	border-left: none;
}

.foottwo {
	width: 94%;
	margin: 0 auto;
	text-align: center;
	font-size: 20rpx;
	color: #888;
	padding: 23.4rpx 0;
}

.mb_swiper {
	height: 671.1rpx;
}

.mb_img_box {
	width: 411.84rpx;
	height: 559.26rpx;
	margin-top: 11%;
	transition: 1s all ease;
}

.mb_img_box image {
	width: 100%;
	height: 100%;
}

.currents {
	width: 494rpx;
	height: 671rpx;
	margin-top: 0;
	transition: 1s all ease;
}

.coupon {
	width: 100%;
	padding: 10rpx 0;
	
}

.advert{
	min-height: 0;
	overflow: hidden;
	background: #f6f6f6
}

.advert .navigator:first-of-type{
	padding-top: 30rpx;
}




.coupon image {
	width: 100%
}

.bargain {
	background: #fff
}

.bargain .title {
	width: 400rpx;
	display: flex;
	margin: auto;
	padding: 30rpx 0
}

.bargainCon {
	width: 718rpx;
	height: 358rpx;
	position: relative;
	display: flex;
	margin: auto;

}

.bargainCon .frame {
	position: absolute;
	width: 100%;
	z-index: 0
}

.bargainCon .items {
	width: 630rpx;
	height: 160rpx;
	border-bottom: 1px solid #eee;
	position: absolute;
	z-index: 1;
	margin-left: 44rpx;
	margin-top: 20rpx;

}

.bargainCon .items:last-child {
	margin-top: 180rpx;
	border: none
}

.bargainCon .items .product {
	width: 120rpx;
	height: 120rpx;
	float: left;
	margin-top: 20rpx;
	margin-left: 6rpx
}

.bargainCon .items .product image {
	width: 120rpx;
	height: 120rpx
}

.bargainCon .productMsg {
	float: left;
	width: 340rpx;
	margin-top: 12rpx
}

.bargainCon .productMsg .name {
	font-size: 23rpx;
	color: #333;
	height: 70rpx;
	line-height: 35rpx;
	margin: 10rpx 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.bargainCon .productMsg .price {
	font-size: 17rpx;
	margin-top: 15rpx;
	color: #333;
}

.bargainCon .productMsg .price view {
	margin-right: 15rpx;
	float: left
}

.bargainCon .productMsg .price text {
	color: #ff0060;
	font-size: 26rpx;
	font-weight: bold
}

.bargainCon .bargainBtn {
	width: 160rpx;
	float: right;
	margin-top: 55rpx
}

.bargainCon .bargainBtn .btn {
	width: 145rpx;
	height: 47rpx;
	background: #ff0060;
	color: #fff;
	font-weight: bold;
	font-size: 20rpx;
	border-radius: 20px;
	text-align: center;
	line-height: 47rpx;
	margin-bottom: 6rpx;
	float: right
}

.bargainCon .bargainBtn .text {
	font-size: 17rpx;
	margin-top: 10rpx;
	color: #333;
	float: right;
}

.goods .goods_title {
	width: 365rpx;
	height: 40rpx;
	display: flex;
	margin: 35rpx auto;
}

.goods .goods_title {
	width: 365rpx;
	height: 40rpx;
}

.must-buy-wrap {
	overflow: hidden;
	padding-left: 15rpx;
	padding-right: 15rpx;
	padding-bottom: 30rpx;
}

.poster {
	width: 100%;
}

.poster image {
	width: 414rpx;
	height: 223rpx;
	float: right;
}

.poster .leftImgSize {
	width: 300rpx;
	height: 453rpx;
	float: left;
}

.poster:last-child image {
	margin-top: 8rpx;
}

.limit-activity-wrap {
	overflow: hidden;
	padding-left: 18rpx;
	padding-right: 18rpx;
}

.service-btn {
	padding: 0 !important;
	background: none !important;
	display: initial
}

.service-btn image {
	width: 60rpx;
	height: 60rpx;
	margin-top: 2rpx;
	display: block;
	float: right;
	margin-right: 10rpx
}

#pageHeader .icon p {
	font-size: 16rpx;
	color: #fff;
	line-height: 30rpx;
}

.headerOn{
	position: fixed;
	width: 94%;
	top: 0;
	left: 0;
	background-color: #f60c00;
	padding-bottom: 10rpx !important;
}

.headerOn .nav_icon{
	display: none;
}

.headerOn .m_logo{
	display: none;
}

.fixed_search{
	display: none !important;
	width: 75% !important;
	float: left;
}

.headerOn .fixed_search{
	display: block !important;
}

.headerOn .no_fixed_search{
	display: none !important;
}

#pageHeader .m_logo {
	float: left;
}

#pageHeader .m_logo img {
	width: 124px;
	height: 35px;
}

#yp_header .my_icon {
	float: right;
}

#yp_header .msg_icon {
	float: right;
	margin-left: 25rpx;
	position: relative;
}

#yp_header .msg_icon .tip{
	background: #fff;
	font-size: 8px;
	border-radius: 50%;
	color: #e30000;
	position: absolute;
	right: -10rpx;
	top: -8rpx;
	z-index: 99;
	width: 26rpx;
	height: 26rpx;
	text-align: center;
	line-height: 26rpx;
}

#navBar {
	width: 135px;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1001;
	background: #fff;
	left: -165px;
	transition: all linear 200ms;
}

.navShow {
	left: 0 !important;
}

.img_ico {
	height: 12px;
	width: 12px;
	top: 1px;
	margin-right: 2px;
	position: relative;
}


.navBg {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 1000;
}


#kefu{
	position: fixed;
	right: 0;
	top: 75%;
	z-index: 9999;
}


.disagree{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: none;
		z-index: 999;
	}
	
	
	.app_update{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 99999;
	}
	
	.app_update .bg{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,.5);
	}
	
	.app_update .box{
		width: 84%;
		margin-left: 8%;
		background: #fff;
		height: 410rpx;
		border-radius: 10px;
		position: fixed;
		top: 50%;
		margin-top: -205rpx !important;
	}
	
	
	#app_update p{
		font-size: 28rpx !important;
		line-height: 46rpx !important;
	}
	
	#app_update .box{
		margin-top: -250rpx;
	}
	
	::-webkit-scrollbar {
		width: 6px;
		background-color: #f5f5f5;
		border-radius: 6px;
	}
	
	::-webkit-scrollbar-thumb {
		background-color: #fff;
		border-radius: 6px;
	}
	
	.pagefixed{
		position: fixed;
		width: 100%;
		height: 100%;
		left:0;top:0
	}
	
	.app_update .box h2{
		font-size: 30rpx;
		color: #333333;
		text-align: center;
		line-height: 100rpx;
	}
	
	.app_update .box .txt{
		padding: 0 15rpx;
		height: 435rpx;
		font-size: 24rpx;
		color: #333333;
		-webkit-overflow-scrolling: touch;
	}
	
	.app_update .box .txt p{
		line-height: 38rpx;
	}
	
	.baozhang{
		position: relative;
	}

	.baozhang .links{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
	}
	
	.baozhang .links navigator{
		width: 25%;
		display: block;
		height: 100%;
		float: left;
	}
	
	.baozhang .links swan-nav{
		width: 25%;
		display: block;
		height: 100%;
		float: left;
	}
	
	.adv_menu{
		position: relative;
	}
	
	.adv_menu .more {
	    display: block;
	    width: 16%;
	    position: absolute;
	    height: 11%;
	    right: 6%;
	    top: 3.5%;
	}
	
	.adv_menu .links {
	    position: absolute;
	    width: 92%;
	    height: 66%;
	    top: 20%;
	    left: 4%;
	}
	
	.adv_menu .links navigator{
	    display: block;
	    width: 20%;
	    height: 50%;
	    float: left;
	}
	
	.adv_menu .links swan-nav{
	    display: block;
	    width: 20%;
	    height: 50%;
	    float: left;
	}
	
	.adv_menu .links view{
	    display: block;
	    width: 20%;
	    height: 50%;
	    float: left;
	}
	
	#yp_header{
		height: 200px;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: left bottom;
		margin-bottom: -140px;
		border-radius: 0 0 15px 15px;
		position: relative;
		/* z-index: 1000; */
	}
	
	.bannerone{
		width: 94%;
		margin-left: 3%;
		border-radius: 20px;
		position: relative;
	}
	
	
	#classList{
	    width: 100%;
	    min-height: 0;
	    overflow: hidden;
	    background: #fff;
	    border-radius: 20px;
	    margin-top: 25%;
		padding-bottom: 8rpx;
	}
	
	.more_2{
	    float: right;
	    background:linear-gradient(to right,#ffc900,#ffaf00);
	    font-size: 14px;
	    color: #fff;
	    padding: 3px 11px;
	    border-radius: 30px;
		margin-top: -1px;
	}
	
	.title_2{
	    font-size: 28rpx;
	    color: #666666;
	    padding-top: 30rpx;
	    padding-bottom: 26rpx;
	    padding-left: 4%;
	    min-height: 0;
	    overflow: hidden;
	    width: 96%;
	}
	
	.title_2 b{
	    font-weight: normal;
	    display: inline-block;
	    border-left: 1px solid #d1d1d1;
	    height: 30rpx;
	    line-height: 30rpx;
	    padding-left: 8px;
	    font-size: 26rpx;
	}
	
	.title_2 span{
	    font-weight: bold;
	    font-size: 36rpx;
	    background: -webkit-gradient(linear,left top,right top,from(#f312c3),to(#fe7112));
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	    padding-right: 8px;
		position: relative;
		/* top: -6rpx; */
		display: initial;
	}
	
	
	#jingxuan{
	    width: 94%;
	    margin-left: 3%;
	}
	
	#tv_list ul .title b{
	    font-weight: bold;
	}
	
	.big_title{
	    text-align: center;
	    font-size: 22px;
	    color: #333;
	    font-weight: bold;
	}
	
	.big_title span{
		font-size: 20px;
		display: inline-block;
		position: relative;
	}
	
	.big_title em{
		font-size: 20px;
		color: #ff0066;
		position: relative;
		display: block;
		float: left;
	}
	
	.big_title b{
	   display: block;
	   float: left;
	   font-weight: bold;
	}
	
	.big_title .left_solid{
	    display: inline-block;
	    width: 36px;
	    text-align: right;
	    position: relative;
	    top: -3px;
	    right: 8px;
	}
	
	.big_title .left_solid i{
	    display: inline-block;
	    height: 1px;
	    width: 36px;
	    background: #cdcdcd;
	    margin-bottom: -36px;
	}
	
	.big_title .left_solid .i2{
	    width: 18px;
	    margin-bottom: 0px;
	}
	
	.big_title .i1{
		position: relative;
		top: 3px;
	}
	
	.big_title .i2{
		position: relative;
		top: -3px;
	}
	
	.big_title .right_solid{
	    display: inline-block;
	    width: 36px;
	    text-align: left;
	    position: relative;
	    top: -3px;
	    left: 8px;
	}
	
	.big_title .right_solid i{
	    display: inline-block;
	    height: 1px;
	    width: 36px;
	    background: #cdcdcd;
	}
	
	.big_title .right_solid i.i1{
	    width: 18px;
	    margin-bottom: -36px;
	}
	
	#jingxuan .products{
	    min-height: 0;
	    overflow: hidden;
	    background: #fff;
	    border-radius: 20px;
	    padding-bottom: 6px;
	}
	
	#jingxuan .swiper-container{
	    padding-bottom: 30px;
	}
	
	#jingxuan .products .ul .li{
	    width: 33.333%;
	    float: left;
	    font-size: 13px;
	    text-align: center;
	    position: relative;
	    margin-bottom: 10px;
	}
	
	#jingxuan .products .ul .li .price{
	    color: #ff2c6d;
	    margin-bottom: 3px;
	    font-size: 14px;
		padding-top: 5px;
		font-weight: bold;
	}
	
	#jingxuan .products .ul .li .price small{
	    font-size: 12px;
		display: inline-block;
	}
	
	#jingxuan .products .ul .li .price b{
		display: inline-block;
	}
	
	#jingxuan .products .ul .li .product_name{
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    color: #333333;
	    margin-bottom: 2px;
		font-size: 13px;
		line-height: 20px;
	}
	
	#jingxuan .products .ul .li .ms{
	    color:#999999;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    height: 17px;
	    font-size: 12px
	}
	
	#jingxuan .products .ul .li .img image{
	    width: 100px;height: 100px;
	    margin: auto;
	    vertical-align: middle;
	}
	
	.swiper-wrapper swiper{
		height: 360px;
	}
	
	
	.swiper2{
		width: 94%;
		margin-left: 3%;
		height: 195rpx;
		margin-top: 20rpx;
		margin-bottom: 40rpx;
	}
	
	.swiper2 swiper-item{
		width: 680rpx !important;
	}
	
	.swiper2 swiper-item image{
		border-radius: 5px;
		width: 650rpx !important;
	}
	
	.swiper2 .swiper-active image{
		transform: scale(1.1,1.1) !important;
	}
	
	
	#suxuan{
	    width: 94%;
	    margin-left: 3%;
		margin-bottom: 10rpx;
	}
	
	#suxuan .products{
	    min-height: 0;
	    overflow: hidden;
	    background: #fff;
	    border-radius: 20px;
	}
	
	#suxuan .swiper-container{
	    padding-bottom: 18px;
	}

	#suxuan .products .ul .li{
	    width: 25%;
	    float: left;
	}
	
	#swiper-container-3 .swiper-slide:first-of-type{
	    border-bottom: 1px solid #eee;
		min-height: 0;
		overflow: hidden;
	}
	
	#swiper-container-3 .swiper-slide:first-of-type .li{
	    width: 24.7%;
	    border-top: 1px solid #eee;
	    border-right: 1px solid #eee;
	}
	
	#swiper-container-3 .swiper-slide:first-of-type .lists .li:nth-of-type(4n){
	    border-right: none;
	}
	
	#swiper-container-3 .swiper-slide:first-of-type .lists .li:nth-child(5){
	    border-bottom: none;
	}
	
	#swiper-container-3 .swiper-slide:first-of-type .lists .li:nth-child(6){
	    border-bottom: none;
	}
	
	#swiper-container-3 .swiper-slide:first-of-type .lists .li:nth-child(7){
	    border-bottom: none;
	}
	
	#swiper-container-3 .swiper-slide:first-of-type .lists .li:nth-child(8){
	    border-bottom: none;
	}
	
	#swiper-container-3 .swiper-wrapper swiper{
		height: 607rpx;
	}
	
	#swiper-container-3 .swiper-wrapper .swiper-slide-2 .li{
	    margin: 1%;
	    width: 23% !important;
	}

	
	#suxuan .products .ul .li image{
	    width: 100%;
	    vertical-align: middle;
	}   
	
	
	#goupinzhi .goupinzhi{
	    min-height: 0;
	    overflow: hidden;
	    background: #fff;
	    margin-top: 1%;
		padding-top: 5px;
	}
	
	#goupinzhi .goupinzhi .hd{
	    min-height: 0;
	    overflow: hidden;
	    padding-top: 2%;
	}
	
	#goupinzhi .goupinzhi .hd .ul .li{
	    width: 20%;
	    float: left;
	    text-align: center;
	}
	
	#goupinzhi .goupinzhi .hd .ul .li span{
	    display: block;
	    width: 50px;
	    height: 50px;
	    border-radius: 50%;
	    margin: auto;
		overflow: hidden;
	}
	
	#goupinzhi .goupinzhi .hd .ul .li span image{
	    width: 100%;
	    width: 50px;
	    vertical-align: middle;
	}
	
	#goupinzhi .goupinzhi .hd .ul .li p{
	    font-size: 12px;
	    color: #666666;
	    text-align: center;
	    line-height: 25px;
	}
	
	#goupinzhi .goupinzhi .hd .ul .li.on p{
	    color: #ff0066;
	}
	
	#goupinzhi .goupinzhi .hd .ul .li.on image{
		margin-top: -50px;
	}
	
	#goupinzhi .goupinzhi .hd .ul .li.on span{
	    background: #f5f5f5
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .three_adv{
	    width: 96%;
	    margin-left: 2%;
	    padding-top: 2%;
	    min-height: 0;
	    overflow: hidden;
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab{
	    display: none;
	}
	
	#goupinzhi .goupinzhi .bd .ul.on{
	    display: block;
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .three_adv .img{
	    width: 32.3333%;
	    float: left;
	    margin-right: 1.5%;
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .three_adv .img image{
	    width: 100%;
	    border-radius: 5px;
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .three_adv .img:last-of-type{
	    margin-right: 0;
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .scroll_product{
	    min-height: 0;
	    overflow: hidden;
	    background: #f5f5f5;
	    padding-left: 2%;
	    padding-top: 8px;
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .scroll_product .ul{
	    white-space: nowrap;
	    overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	    width: 100%;
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .scroll_product .ul .li{
	    width: 145px;
		margin-right: 5px;
	    background: #fff;
	    display: inline-block;
	    white-space: initial;
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .scroll_product .ul .li .img image{
	    vertical-align: middle;
	    margin: 10px;
	    width: 125px;
		height: 125px;
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .scroll_product .ul .li .pro_name{
	    font-size: 13px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-height: 18px;
	    height: 36px;
	    padding: 0 5%;
	    color: #666666;
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .scroll_product .ul .li .pro_price{
	    color: #ff2c6d;
	    font-size: 15px;
	    padding: 2% 5% 5% 5%;
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .scroll_product .ul .li .pro_price small{
	    font-size: 12px;
		display: inline-block;
	}
	
	
	#goupinzhi .goupinzhi .bd .ul.tab .scroll_product .ul .li .pro_price b{
	    font-weight: normal;
		display: inline-block;
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .tag{
	    border-top:8px solid #f5f5f5;
	    padding: 3% 0;
	    white-space: nowrap;
	    overflow-x: scroll;
	    width: 100%;
		-webkit-overflow-scrolling: touch
	}
	
	#goupinzhi .goupinzhi .bd .ul.tab .tag .navigator{
	    display: inline-block;
	    padding: 0 10px;
	    border-radius: 20px;
	    font-size: 12px;
	    background: #efefff;
	    color: #666666;
	    white-space: initial;
	    margin-left: 2%;
	    margin-right: -3px;
		line-height: 26px;
	}
	
	
	#haohuo .haohuo{
	    min-height: 0;
	    overflow: hidden;
	    background: #fff;
	    border-radius: 20px;
	    padding-bottom: 3%;
	    width: 94%;
	    margin-left: 3%;
	    margin-top: 1%;
	}
	
	#haohuo .haohuo .ul{
	   padding: 0 4%;
	}
	
	#haohuo .haohuo .ul .li{
	    width: 48%;
	    float: left;
	}
	
	#haohuo .haohuo .ul .li image{
	    width: 100%;
	}
	
	#haohuo .haohuo .ul .li:nth-child(2n){
	    float: right;
	}
	
	
	#yintoushe .yintoushe {
    min-height: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
    width: 94%;
    margin-left: 3%;
    margin-top: 4%;
}

#yintoushe .yintoushe .ul .li{
    padding: 0% 4% 10px 4%;
    border-bottom: 1px solid #eee;
    min-height: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

#yintoushe .yintoushe .ul .li .img{
    width: 33%;
    float: left;
    margin-right: 3%
}

#yintoushe .yintoushe .ul .li .img image{
    width: 100%;
    border-radius: 5px;
    vertical-align: middle;
}

#yintoushe .yintoushe .ul .li h2{
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
}

#yintoushe .yintoushe .ul .li p{
    color: #888888;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 17px;
}

#yintoushe .yintoushe .ul .li .zan{
    position: absolute;
    right: 4%;
    font-size: 12px;
    color: #50bdff;
    bottom: 8px;
}

#yintoushe .yintoushe .ul .li .zan image{
    width: 18px;
    margin-right: 3px;
    position: relative;
}

#yintoushe .yintoushe .ul .li .zan b{
    font-weight: normal;
    position: relative;
    top: 2px;
}

#yintoushe .yintoushe .ul .li:last-child{
    border: none;
}

#paihangbang .paihangbang{
    min-height: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
    width: 94%;
    margin-left: 3%;
    padding-bottom: 3%;
    margin-top: 4%;
    position: relative;
}

#paihangbang .paihangbang .bg{
    width: 92%;
    margin-left: 4%;
    position: relative;
}

#paihangbang .paihangbang .bg image{
    width: 100%;
    vertical-align: middle;
}

#paihangbang .paihangbang .ph{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

#paihangbang .paihangbang .ph .left{
    width: 23%;
    height: 100%;
    position: absolute;
    color: #fff;
    text-align: center;
}

#paihangbang .paihangbang .ph .left h2{
    font-size: 14px;
    margin-top: 68%;
    padding-bottom: 5%;
}

#paihangbang .paihangbang .ph .left p{
    font-size: 16px;
    font-weight: bold;
}

#paihangbang .paihangbang .ph .right{
    width: 71%;
    float: right;
    margin-top: 4%;
}

#paihangbang .paihangbang .ph .right .ul .li{
    width: 31%;
    float: left;
    margin-right: 2%;
    padding-bottom: 3%;
    position: relative;
}

#paihangbang .paihangbang .ph .right .ul .li .num{
    position: absolute;
    top: -1px;
    left: 5px;
	z-index: 99;
}

#paihangbang .paihangbang .ph .right .ul .li .num image{
    width: 22px;
}

#paihangbang .paihangbang .ph .right .ul .li:last-child{
    margin-right: 0;
}

#paihangbang .paihangbang .ph .right .ul .li .img image{
    width: 100%;
    border-radius: 5px;
}

.phb_title{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}


#tuijian{
    min-height: 0;
    overflow: hidden;
	margin-bottom: 20rpx;
	margin-top: 1%;
}

#tuijian .ul{
    width: 94%;
    margin-left: 3%;
    margin-top: 1%
}

#tuijian .ul .li{
    width: 49%;
    background: #fff;
    float: left;
    border-radius: 5px;
    margin-bottom: 2%;
}

#tuijian .ul .li:nth-child(2n){
    float: right;
}

#tuijian .ul .li .img image{
    vertical-align: middle;
    padding: 5%;
    width: 90%;
	
}

#tuijian .ul .li .pro_name{
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 18px;
	height: 36px;
    padding: 0 5%;
    color: #666666;
}

#tuijian .ul .li .pro_price{
    color: #ff2c6d;
    font-size: 15px;
    padding: 2% 5% 5% 5%;
}

#tuijian .ul .li .pro_price small{
    font-size: 12px;
	display: inline-block;
}

#tuijian .ul .li .pro_price b{
	display: inline-block;
}


::-webkit-scrollbar {
	  width : 0;
	  height: 0;
}

.siwper-dots{
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.siwper-dots .dot{
  margin: 0 8rpx;
  width: 18rpx;
  height: 18rpx;
  background: #eed7fb;
  border-radius: 50%;
  transition: all .6s;
}
.siwper-dots .dot.active{
  background: #ff6600;
  width: 30px;
  border-radius: 20px;
}

.paihangbang .siwper-dots{
	margin-top: 18px;
}

.paihangbang .siwper-dots .dot{
	width: 8px;
	height: 8px;
	margin: 0 3px;
	background: #fff;
}

.paihangbang .siwper-dots .dot.active{
	background: #fff;
	width: 26px;
}

.pageScrollTab{
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	line-height: 75rpx;
	background: #fff;
	z-index: 999;
}

.pageScrollTab .ul{
	padding: 0 2.8%;
}

.pageScrollTab .ul .li{
	width: 20%;
	float: left;
	text-align: center;
	color: #6b6b6b;
	font-size: 23rpx;
}

.pageScrollTab .ul .li.active{
	color: #ff0048;
}

.pageScrollTab .ul .li .iconfont{
	display: none;
	padding-right: 0;
	position: relative;
	top: -1px;
	margin-right: -3px;
}

.pageScrollTab .ul .li.active .iconfont{
	display: inline;
}




/* #ifdef APP-PLUS */
.more_3{
	padding: 6px 11px !important;
	margin-top: -4px !important;
}


#pageHeader.headerOn {
	padding-bottom: 10rpx !important;
	padding-top: var(--status-bar-height);
}

.slide-image-app{
	height: 335rpx;
}


.status-bar-height{
	height: var(--status-bar-height);
	background: #f60000;
}

.pageScrollTab{
	top: var(--status-bar-height);
	margin-top: 81rpx;
}

#yp_header{
	margin-bottom: -100px !important;
}

#pageHeader{
	min-height: 0;
	overflow: hidden;
}

#jingxuan .swiper-wrapper swiper{
	height: 350px;
}

.yp_fixed_g {
	top: var(--status-bar-height);
}

.searchFixed {
	top: 0 !important;
	border-top: var(--status-bar-height) solid #fff;
}

.wzdh {
	padding-top: var(--status-bar-height);
}

.big_title .left_solid{
	right:13px
}

#pageHeader.headerOn .header_search{
	height: 63rpx;
	margin-top: 0;
	margin-bottom: 0;
}
#pageHeader.headerOn .header_search i{
	top: 15rpx;
}

#pageHeader.headerOn .fixed_search{
	height: auto !important; 
}

#pageHeader.headerOn .icon{
	width: 50rpx;
}

#pageHeader.headerOn .icon i {
	width: 42rpx;
	height: 42rpx;
	background-size: 42rpx;
}

#pageHeader.headerOn .my_icon i {
	background-size: 42rpx;
}

#pageHeader.headerOn .msg_icon i {
	background-size: 42rpx;
	margin-left: 0;
}

/* #endif */

#goupinzhi .goupinzhi .bd .ul.tab:nth-of-type(4) .poster_img{
	width: 49.2%;
}

.fenwei{
	position: relative;
	background: #d10000;
}

.fenwei .go{
	position: absolute;
	right: 46rpx;
	top: 55rpx;
}

.fenwei .go image{
	width: 130rpx;
	height: 130rpx;
	-webkit-animation: scale .5s linear alternate infinite;
	 animation: scale .5s linear alternate infinite;
}

@-webkit-keyframes scale{
    0%{-webkit-transform:scale(0.8);}
    100%{-webkit-transform:scale(1);}
}
@keyframes scale{
    0%{transform:scale(0.8);}
    100%{transform:scale(1);}
}

.fenwei .links{
	/* position: absolute; */
	width: 96%;
	height: 100%;
	margin-left: 2%;
	top: -164rpx;
	position: relative;
	/* margin-bottom: -170rpx; */
	min-height: 0;
	overflow: hidden;
	

	/* display: flex; */
}

.fenwei .links .left{
	width: 66%;
	float: left;
}

.fenwei .links .right{
	width: 33%;
	float: right;
}

.fenwei .links .navigator{
	display: block;
	width: 100%;
	float: left;
	height: 100%;
	/* flex-direction: column; */
	margin: 10rpx 6rpx;
}

.fenwei .links .navigator image{
	width: 100%;
}

/* .fenwei .links .navigator:nth-of-type(2){
	width: 40%;
} */

.pindao{
	position: relative;
}

.pindao .more{
	width: 105rpx;
	height: 40rpx;
	right: 47rpx;
	top: 23rpx;
	position: absolute;
}

.pindao .ul{
	position: absolute;
	width: 90%;
	height: 68%;
	left: 5%;
	top: 19%;
}

.pindao .ul .li{
	display: block;
	width: 20%;
	float: left;
	height: 50%;
}

.pindao .ul .li navigator{
	display: block;
	width: 100%;
	height: 100%;
}

.pindao .ul .li swan-nav{
	display: block;
	width: 100%;
	height: 100%;
}

.scroll_text{
	position: absolute;
	height: 70rpx;
	left: 22%;
	width: 400rpx;
	top: 54rpx;
	text-align: center;
	/* line-height: 55rpx;
	color: #003277;
	font-weight: bold;
	font-size: 33rpx; */
	overflow: hidden;
	/* border-radius: 30px;
	background: linear-gradient(to bottom,#ffff00,#fed900); */
}

.two_imgs{
	min-height: 0;
	overflow: hidden;
	background: #d10000;
	margin-top: -20rpx;
	padding-bottom: 5rpx;
	padding-left: 3%;
	padding-right: 1.5%;
	
}


.two_imgs .left_img{
	width: 50%;
	float: left;
	z-index: 10;
	position: relative;
}

.two_imgs image{
	width: 100%;
}

.two_imgs .right_img{
	width: 50%;
	float: left;
	z-index: 10;
	position: relative;
}


.scroll_text .item{
	font-size: 38rpx;
}

.go_btn{
	width: 95rpx;
	height: 95rpx;
	position: absolute;
	right: 180rpx;
	top: 245rpx;
}

.go_btn image{
	width: 95rpx;
	height: 95rpx;
	-webkit-animation: scale .5s linear alternate infinite;
	 animation: scale .5s linear alternate infinite;
}

.scroll_text .text_swiper{
	/* line-height: 80rpx;
	height: 80rpx; */
	/* -webkit-transform: skewX(-8deg);
	transform: skewX(-8deg); */
}

uni-swiper-item{
	font-size: 50rpx;
}
.scroll_text .text_swiper .item{
	line-height: 55rpx;
}

.no_login_tips{
	height: 90rpx;
	background: rgba(0,0,0,.7);
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 999;

}

.no_login_tips b{
	float: left;
	color: #fff;
	line-height: 90rpx;
	font-size: 25rpx;
	margin-left: 35rpx;
	font-weight: normal;
}

.login_btn{
	float: right;
	background: #ff0048;
	color: #fff;
	border-radius: 30px;
	text-align: center;
	display: block;
	width: 170rpx;
	padding: 13rpx 0;
	margin-right: 70rpx;
	margin-top: 17rpx;
	font-size: 26rpx;
}

.no_login_tips .close{
	width: 32rpx;
	height: 32rpx;
	position: absolute;
	right: 5rpx;
	top: 10rpx;
}

.no_login_tips .close image{
	width: 32rpx;
	height: 32rpx;
}

#liveAdv{
   margin-bottom: -1px;
   position: relative;
   z-index: 1;
}

#liveAdv image{
	width: 100%;
	vertical-align: middle;
}

.fw_adv image{
	width: 100%;
}

.fw_adv{
	position: relative;
}

.fw_adv .links{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fw_adv .links navigator{
	width: 33.333%;
	float: left;
	height: 100%;
}



/* pages/wifi/wifi.wxss */
.error,.success{
  margin-top: 30rpx;
  width: 100%;
  display: flex;
  justify-content: center;
}
.title{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 40rpx;
  margin-bottom: 30rpx;
}
.info{
  width: 94%;
  display: flex;
  justify-content: left;
  margin-left: 5%;
  margin-bottom: 2%;
  color: green;
  font-size: 26rpx;
}
.info_hui{
  width: 94%;
  display: flex;
  justify-content: left;
  margin-left: 5%;
  margin-bottom: 2%;
  color: #8c8b8b;
  font-size: 24rpx;
}
.title text{
  font-size: 28rpx;
}
.error text{
  /* margin-left: 15rpx; */
  text-align: center;
  padding: 0 5px 0 5px;
  font-size: 34rpx;
  font-weight: 600;
  color: red;
}
.success text{
  margin-left: 15rpx;
  font-size: 60rpx;
  color: green;
}
.button_fh{
  width: 50%;
  margin-top: 60rpx;
}
.manual_conn{
	color: #535353;
	font-size: 24rpx;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin: 28rpx 0;
	margin-top: 46rpx;
}
.manual_conn::before {
    content: '';
    position: absolute;
    width: 90%;
    height: 1px;
    background: #e2e2e2;
    left: 5%;
    top: 12rpx;
}
.manual_conn ._b {
    background: #fff;
    position: relative;
    z-index: 999;
    display: inline-block;
    padding: 0 20rpx;
}

/* 为你推荐吃喝玩乐 */
#zhuanchang{
    min-height: 0;
    overflow: hidden;
    margin-top: 50%;
	margin-bottom: 20rpx;
}

#zhuanchang ul{
    margin-top: 1%;
}

#zhuanchang ul li{
    width: 49%;
    float: left;
    margin-bottom: 1%;
}

#zhuanchang ul li:nth-child(2n){
    float: right;
}

#zhuanchang ul li img{
    width: 100%;
}

.big_title{
    text-align: center;
    font-size: 22px;
    color: #333;
    font-weight: bold;
}

.big_title span{
	font-size: 20px;
	display: inline-block;
	position: relative;
}

.big_title em{
	font-size: 20px;
	color: #ff0066;
	position: relative;
}

.big_title b{
   color: #ff0066;
   font-weight: bold;
}

.big_title .left_solid{
    display: inline-block;
    width: 36px;
    text-align: right;
    position: relative;
    top: -3px;
    right: 8px;
}

.big_title .left_solid i{
    display: inline-block;
    height: 1px;
    width: 36px;
    background: #cdcdcd;
    margin-bottom: -36px;
}

.big_title .left_solid .i2{
    width: 18px;
    margin-bottom: 0px;
}

.big_title .i1{
	position: relative;
	top: 3px;
}

.big_title .i2{
	position: relative;
	top: -3px;
}

.big_title .right_solid{
    display: inline-block;
    width: 36px;
    text-align: left;
    position: relative;
    top: -3px;
    left: 8px;
}

.big_title .right_solid i{
    display: inline-block;
    height: 1px;
    width: 36px;
    background: #cdcdcd;
}

.big_title .right_solid i.i1{
    width: 18px;
    margin-bottom: -36px;
}

.yp_bg_theme {
	width: 92%;
	font-size: 30rpx;
	border-radius: 6px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	background: #4caf50;
	color: #fff;
}